<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/style.css">
    <title>Henry_web全栈开发_简历</title>
</head>

<body>
<div class="container">

    <header>
        <div class="header-content">
            <div class="img-container">
                <img src="https://cdn.henrywong01.top/personal_icon.jpeg" alt="profile">
            </div>
            <div class="header-text">
                <h1>Henry - Web developer</h1>
                {{--                <h2>web 开发工程师</h2>--}}
                <div class="contact">
                    <div class="phone">
                        <i class="fas fa-phone-alt"></i>
                        <a href="tel:86-18128625020">86-18128625020</a>
                    </div>
                    <div class="mail" >
                        <i class="fas fa-download"></i>
                        <a href="http://{{$_SERVER['HTTP_HOST']}}/黄永铿(Henry)_resume.pdf">Download Resume</a>/<a href="http://{{$_SERVER['HTTP_HOST']}}/黄永铿(Henry)_简历.pdf">简历下载</a>
                    </div>
                    <div class="mail">
                        <i class="fas fa-at"></i>
                        <a href="mailto:hello@reallygreatsite.com">675666296@qq.com</a>
                    </div>

                    <div class="address">
                        <i class="fas fa-home"></i>
                        <p>Foshan,Guangdong</p>
                    </div>

                    <div class="mail">
                        <i class="fas fa-language"></i>
                        <a href="http://{{$_SERVER['HTTP_HOST']}}">中文</a>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <main>
        <div class="left">
            <div class="box">
                <div class="title">
                    <i class="fas fa-user"></i>
                    <h3>Self introduction</h3>
                </div>
                <p>
                    I have 5 years of experience in web development and I am familiar with the development of Mini Program, websites, WebApps and Background System. I can independently complete project development, operation, testing and have rich experience to solve project performance in optimization and compatibility issues.
                </p>
            </div>
            <div class="box">
                <div class="title">
                    <i class="fas fa-award"></i>
                    <h3>Achievement</h3>
                </div>
                <ul>
                    <li>2018 Entered the IT industry and engaged in web development</li>
                    <li>2019 Developed Mama's Bookstore on WAP, the average daily PV exceeds 10,000</li>
                    <li>2020 Independently responsible for YiHe App development work, successfully connect with various IoT products and devices</li>
                    <li>2021 Responsible for the official website development and search engine optimization.<a href="https://perfectmedical.com/" style="color:#62a9ac;font-size:1.4rem">
                            Click to view</a></li>
                    <li>2022 Responsible for the appointment system and landing page system of Perfect Medical Group, I develop and launch a variety of small programs and apps </li>
                </ul>
            </div>
            <div class="box">
                <div class="title">
                    <i class="fas fa-globe-europe"></i>
                    <h3>Language</h3>
                </div>
                <div class="languages">
                    <ul>
                        <li>English</li>
                        <li>Cantonese</li>
                        <li>Mandarin</li>
                    </ul>
                    <div class="language-progress">
                        <div class="progress-container">
                            <div class="progress-bar">
                                <span style="width:50% ;"></span>
                            </div>
                        </div>
                        <div class="progress-container">
                            <div class="progress-bar">
                                <span style="width:100% ;"></span>
                            </div>
                        </div>
                        <div class="progress-container">
                            <div class="progress-bar">
                                <span style="width:99% ;"></span>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="box">
                <div class="title">
                    <i class="fas fa-history"></i>
                    <h3>Capability</h3>
                </div>
                <ul>
                    <li>Mini program development</li>
                    <li>WeChat official account development</li>
                    <li>H5 page and website development</li>
                    <li>PHP-oriented back-end interface and CMS system development</li>
                </ul>
            </div>
            <div class="box">
                <div class="progress-container">
                    <h4>Vue/3</h4>
                    <div class="progress-bar">
                        <span style="width:70% ;"></span>
                    </div>
                </div>
                <div class="progress-container">
                    <h4>React</h4>
                    <div class="progress-bar">
                        <span style="width:75% ;"></span>
                    </div>
                </div>
                <div class="title">
                    <i class="fas fa-cogs"></i>
                    <h3>Technology stack</h3>
                </div>
                <div class="progress-container">
                    <h4>JavaScript/TypeScript</h4>
                    <div class="progress-bar">
                        <span style="width:85% ;"></span>
                    </div>
                </div>
                <div class="progress-container">
                    <h4>HTML</h4>
                    <div class="progress-bar">
                        <span style="width:80% ;"></span>
                    </div>
                </div>
                <div class="progress-container">
                    <h4>CSS/Less/Sass</h4>
                    <div class="progress-bar">
                        <span style="width:90% ;"></span>
                    </div>
                </div>
                <div class="progress-container">
                    <h4>PHP、Redis</h4>
                    <div class="progress-bar">
                        <span style="width:80% ;"></span>
                    </div>
                </div>
                <div class="progress-container">
                    <h4>MySQL</h4>
                    <div class="progress-bar">
                        <span style="width:85% ;"></span>
                    </div>
                </div>
                <div class="progress-container">
                    <h4>Laraverl、ThinkPHP</h4>
                    <div class="progress-bar">
                        <span style="width:70% ;"></span>
                    </div>
                </div>
            </div>
        </div>
        <div class="right">

            <div class="box">
                <div class="title">
                    <i class="fas fa-graduation-cap"></i>
                    <h3>Academic qualification</h3>
                </div>
                <ul>
                    <li>
                        2014-2018
                        <h4>Xinhua College of Sun Yat-sen University</h4>
                        <p>Full-time undergraduate</p>
                    </li>
                </ul>
            </div>

            <div class="box">
                <div class="title">
                    <i class="fas fa-briefcase"></i>
                    <h3>Project and work experience</h3>
                </div>
                <ul >
                    <li style="color:#62a3ac">
                        2020-2022
                        <h4>PerfectMedical Group</h4>
                        <p style="font-size: 10px;line-height: 10px;">
                        <p style="font-size: 10px;line-height: 20px;">
                            Main project：Beauty Club <br/>
                            Overview：Provide a mini-program and app for members to make online appointments<br/>
                            Technology selection：React、Taro、MySQL、Redis、Laravel、UmiJS、AntDesign<br/>
                        </p>
                        <br/>
                        <p style="font-size: 10px;line-height: 20px;">
                            Content：<br/>
                            1.Responsible for small program development and refactoring，And optimize front-end performance<br/>
                            2.Responsible for the development of the landing page and official website<br/>
                            3.Responsible for CMS、 back-end interface and other development work<br/>
                        </p>
                        <br/>
                        <p style="font-size: 10px;line-height: 20px;">
                            Achievement：<br/>
                            1.Use the React (Taro) framework + Hook + TypeScript to refactor the company's native mini-program, achieve cross-terminal and cross-platform operation.<a href="http://{{$_SERVER['HTTP_HOST']}}/doc" style="color:#62a9ac;font-size:10px">View Documentation</a><br/>
                            2.Use the React (Umi) framework + AntDesign component library to develop the company's multiple brand official websites and H5 landing pages，and optimize for SEO.<br/>
                            3.Use the laravel framework to support back-end Api interfaces such as company official accounts, mini-program, and APPs.<br/>
                            4.Provide maps and positioning services for the background systems, Apps, and applets developed<br/>
                        </p>
                        </p>
                    </li>
                    <li style="color:#62a3ac">
                        2019-2020
                        <h4>YiHe Co.,Ltd.</h4><br/>
                        <p style="font-size: 10px;line-height: 10px;">
                        <p style="font-size: 10px;line-height: 20px;">
                            Main project：YiHe App & mini-program<br/>
                            Overview：This project is an IOT project, which initiates requests through small programs or apps to control various operations of the machine。<br/>
                            Technology selection：MySQL、EMQ、Swoole、uniapp
                        </p>

                        <br/>

                        <p style="font-size: 10px;line-height: 20px;">
                            Content：<br/>
                            1.Responsible for building the EMQ（IoT） platform, writing interfaces to remotely control the machine, and performing statistical analysis based on the data returned by the machine<br/>
                            2.Responsible for the development of mini-program, displaying different operation interfaces according to different machine models
                        </p>
                        <br/>
                        <p style="font-size: 10px;line-height: 20px;">
                            Achievement:<br/>
                            1.Use the Vue (uniapp) framework to build a mini-program, and successfully complete the communication between the back-end server and the client through the websocket protocol<br/>
                            2.Responsible for the construction of IoT platform，And use the MQTT protocol and the hyperf framework to complete the long-term connection communication between the back-end server and the machine.
                            <br/>
                            3.Use ElementUI + EChart to build a monitoring system，Provide users with real-time data display and machine remote control.<br/>
                        </p>

                        </p>
                    </li>
                    <li style="color:#62a3ac">
                        2018-2019
                        <h4>Mama.cn</h4><br/>
                        <p style="font-size: 10px;line-height: 10px;">

                        <p style="font-size: 10px;line-height: 20px;">
                            Main project：Mama bookstore<br/>
                            Overview：A book bookstore for reading novels online<br/>
                            Technology selection：ThinkPHP、MySQL<br/>
                        </p>

                        <br/>

                        <p style="font-size: 10px;line-height: 20px;">
                            Content：<br/>
                            1.Responsible for interface development of the bookstore website<br/>
                            2.Responsible for script development of of crawl data work<br/>
                        </p>

                        <br/>

                        <br/>

                        <p style="font-size: 10px;line-height: 20px;">
                            Achievement： <br/>
                            1.Use vue2 to develop a WAP-side website, the average daily PV of the website exceeds 10,000<br/>
                            2.Use the ThinkPHP framework to provide interface support for the bookstore project, Complete the docking work of the third-party payment platform, Provide a strong guarantee for the safety of funds<br/>
                            3.Use PHP to write scripts to crawl the interface of copyright dealers to obtain book information, accumulate a large amount of original data for the project
                        </p>


                        </p>
                    </li>



                </ul>
            </div>

            <div class="box">
                <div class="title">
                    <i class="fas fa-certificate"></i>
                    <i class="fas"></i>
                    <h3>Certificate</h3>
                </div>
                <ul>
                    <li>CET4 & 6</li>
                    <li>Intermediate e-commerce engineer</li>
                    <li>C1 drving license</li>
                </ul>
            </div>
        </div>
    </main>
</div>
<script src="https://kit.fontawesome.com/9e5ba2e3f5.js" crossorigin="anonymous"></script>
</body>

</html>
